<template>
  <el-dialog
    title="入群前引导语"
    :visible.sync="$attrs.visableIf"
    @close="handleCloseDialog"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    append-to-body
    width="600px"
  >
    <div class="infocondition p-10">
      <div class="msgitem flex aligncenter justifystart">
        <div class="msg_number flexcenter">
          <span class="msg_number_content">1</span>
        </div>
        <div class="chatmsgcontent">
          <div class="chatbubble flex">
            <div class="chattextbox bg_fff c_000 f-15">
              测试测试水电费水电费
            </div>
          </div>
        </div>
      </div>
    </div>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {};
  },
  props: {
    title: {
      type: String,
      default: "",
    },
  },
  methods: {
    handleCloseDialog() {
      this.$emit("update:visableIf", false);
      this.$emit("handleQuery");
    },
  },
};
</script>

<style lang="scss" scoped>
.infocondition {
  // min-height: 60px;
}
.msg_number {
  width: 50px;
}
.msg_number_content {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  background: #ddd;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.chatmsgcontent {
}
.chattextbox {
  max-width: 360px;
  word-break: break-all;
  padding: 6px 12px;
  width: fit-content;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
}
</style>